<template>
  <div v-show="item.isShow" class="f ac pt10 pb10">
    <div
      :class="['nowrap mr10 tr', item.required ? 'need' : '']"
      :style="{
        width: item.isLabelWidth ? item.labelWidth + 'px' : 'auto',
      }"
    >
      {{item.label}}
    </div>
    <div :class="['f1 f ac rel', item.errmsg ? 'error' : '']">
      <div class="f1 rel">
        <input
          :value="item.value1"
          @input="e => handleInput(e, 'value1')"
          class="fs14 f ac rds4 rel hoverBorder pl5 db bdAndNone w100 ivu-input"
          :style="{color: item.disabled ? '#ccc' : '#515a6e',height:'32px'}"
          :placeholder="item.placeholder1"
          :disabled="item.disabled"
        />
      </div>
      <div class="pl10 pr10">/</div>
      <div class="f1 rel">
        <input
          :value="item.value2"
          @input="e => handleInput(e, 'value2')"
          class="fs14 f ac rds4 rel hoverBorder pl5 db bdAndNone w100 ivu-input"
          :style="{color: item.disabled ? '#ccc' : '#515a6e',height:'32px'}"
          :placeholder="item.placeholder2"
          :disabled="item.disabled"
        />
        <div v-if="item.unit" class="abs r0 t0 b0 f ac xc g3" style="width:62px;background:#F6F6F6;border: 1px solid #B8BBC0;border-radius: 0 5px 5px 0;">{{item.unit}}</div>
      </div>
      <div class="abs l0 gred" style="bottom:-20px;">{{item.errmsg}}</div>
    </div>
  </div>
</template>
<script src='./index.js'></script>
<style src='./index.css' scoped>
</style>